<extend name="Base/common"/>

<block name="body">
    <volist name="lists" id="val">
        <div class="s-list s-act"  data="1" >
        <div class="head">
            <div class="content">
                <p>{$val.title}</p>
                <img class="s-btn" src="__IMG__/more1.png" alt="">
            </div>
        </div>
            <volist name="val.tels" id="v">
                    <div class="li">
                        <div class="content">
                            <p>{$v.0}:{$v.1}</p>
                            <a href="tel:{$v.1}"></a>
                        </div>
                    </div>
            </volist>
        </div>
    </volist>
    <div style="width: 100%;height: 3.5rem;background: #eceef3;"></div>
</block>
<block name="footer_js">
    <script>
        $('.s-btn').click(function(){
            var data = $(this).parent().parent().parent().attr('data');
            if (data == 1) {
                $(this).parent().parent().parent().removeClass('s-act');
                $(this).parent().parent().parent().attr('data',0);
                $(this).attr('src','__IMG__/more.png');
            }else{
                $(this).parent().parent().parent().addClass('s-act');
                $(this).parent().parent().parent().attr('data',1);
                $(this).attr('src','__IMG__/more1.png');
            }
        })
    </script>
</block>